<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="../../css/mui.min.css">
		<script src="../../js/global.js"></script>
		<script src="../../js/mui.min.js"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=oj64LwtVsuHuY7eXFX1ChVQRfZPk8rkS"></script>
		<style>
			.infoBtn{
				background: #5FB878;
				color: white;
				border: none;
			}
			#poppage{
				width: 0px;
				height: 0px;
				background: red;
				position: fixed;
				bottom: 0px;
				left: 50%;
			}
			.mui-popover .mui-popover-arrow:after {
				width: 0px;
			}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">天气预报</h1>
		</header>
		<div class="mui-content">
			<div style="width: 100%;position: absolute;height: 100%;" id="allMap"></div>
		</div>
		<div id="poppage"></div>
		<div id="popover" class="mui-popover" style="width: 95%;">
			<div class="mui-popover-arrow"></div>
			<div style="padding: 10px;font-size: 13px;">
				<div><label>预报点：</label><label id="forcastCode"></label><div>
				<div><label>简介：</label><label id="forcastNote"></label><div>
				<div><label id="modeStr">温度：</label><label id="forcastVal"></label><div>
					
				<hr />
				<button type="button" id="redirectWeather" class="mui-btn mui-btn-danger mui-btn-block">查看详情</button>
			</div>
		</div>
		<script type="text/javascript" src="map.js" ></script>
		<script type="text/javascript">
			// 百度地图API功能
			var map = new BMap.Map("allMap");    // 创建Map实例
			map.centerAndZoom(new BMap.Point(106.8315590000, 26.7147140000), 12);  // 初始化地图,设置中心点坐标和地图级别
			var modeArr=['温度', '湿度', '能见度', '风速', '降雨', '降雪', '云量'];
			var modeUnit=['℃','%','KM','m/s','mm','mm','%'];
			var centerLng=106.7984390259,centerLat=26.6597322851,zoom=13;;
			var mMode=1;
			
			mui.plusReady(function(){
				// 创建控件
				var myZoomCtrl = new ZoomControl();
				// 添加到地图当中
				map.addControl(myZoomCtrl);		
			
				loadData();
			});
			
		</script>
	</body>
</html>
